<template>
  <div 
      :class=" { hidden: hidden } "
      :style=" { 'width': persent + '%' } "
  />
</template>
<script>
  export default {
    data() {
	return {
          hidden: true,
          persent: 0
	}
    },
    methods: {
      start () {
	this.hidden = false
        this.persent = 0
	this.timer = setInterval(() => {
          this.persent ++
	}, 100)
      },
      finish () {
	this.hidden = true
	this.persent = 100
	clearInterval(this.timer)
      } 
    }
  }
</script>
